<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml"
      layout:decorate="~{front/common/framework}" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
  <title>上传作品</title>
  <link rel="stylesheet" href="/static/front/css/upload_works.css">
  <link rel="stylesheet" href="/static/front/webuploader/webuploader.css">
</head>
<body>
<div layout:fragment="content" class="container2 wrapper">
  <div class="head">
    <h2>作品登记</h2>
  </div>
  <form class="layui-form">
    <div class="body">
      <div class="c2-uploadarea">
        <div class="plus">
          <i></i><br><span>上传作品</span>
        </div>
        <ul class="images-ul" style="display: none;">
          <li>
            <div class="mini-plus">
              <i></i>
            </div>
          </li>
        </ul>
      </div>
      <div class="body-foot">
        <ul>
          <li>同一系列相同信息的图片可批量上传，单次最多上传20张</li>
          <li>图片格式仅限JPG，不低于400万像素，最大20M</li>
          <li>可编辑类图需要上传JPG格式封面图，最大20M，JPG图需要和EPS/PSD文件同名</li>
        </ul>
        <div class="btn">
          <input type="submit" lay-submit lay-filter="*" value="下一步"/>
        </div>
      </div>
    </div>
  </form>
  <div class="pop-edit" id="pop-edit" style="display: none;">
    <div class="pop_head">
      <h4>提示</h4>
    </div>
    <div class="txt">
      <p align="center">您还未实名认证，请先实名认证！</p>
    </div>
  </div>
</div>
<th:block layout:fragment="script">
  <script type="text/javascript" src="/static/front/webuploader/webuploader.min.js"></script>
  <script type="text/javascript">
    layui.use('uploadwork');
  </script>
  <script type="text/html" id="img-block">
    <li class="image">
      <div class="opus">
        <div class="opus-img">
          <img src="#" style="display: none" />
        </div>
        <div class="layui-progress" style="margin-top: 2px">
          <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div>
        </div>
        <h4 class="hide"><span class="img-title"></span><a href="#"></a></h4>
      </div>
    </li>
  </script>
</th:block>
</body>
</html>